<d-button
  bsStyle="common"
  dStepsGuide
  [pageName]="'step-basic-demo'"
  [steps]="steps"
  [stepIndex]="0"
  [dStepsGuidePosition]="'top'"
  (operateChange)="operateChange($event)"
  (click)="reset(0)"
>
  Step 1
</d-button>
<d-button
  bsStyle="common"
  dStepsGuide
  [pageName]="'step-basic-demo'"
  [steps]="steps"
  [stepIndex]="1"
  [dStepsGuidePosition]="'top'"
  [beforeChange]="beforeChange"
  (operateChange)="operateChange($event)"
  (click)="reset(1)"
>
  Step2
</d-button>
<d-button
  bsStyle="common"
  dStepsGuide
  [pageName]="'step-basic-demo'"
  [steps]="steps"
  [stepIndex]="2"
  [dStepsGuidePosition]="'top'"
  (operateChange)="operateChange($event)"
  (click)="reset(2)"
>
  Step 3
</d-button>
<br />
<br />
<p>Current Step：{{ currentStep }}</p>
<p>Operation Output：{{ currentStepOutPut | json }}</p>
